<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{{ url_for('blog.static', filename='css/main.css') }}">
    <link rel="stylesheet" href="{{ url_for('blog.static', filename='layui/css/layui.css') }}">
    <script type="text/javascript" src="{{ url_for('blog.static', filename='layui/layui.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('blog.static', filename='js/canvas-nest.js') }}"></script>
</head>

<body>
<script type="text/javascript" src="{{ url_for('blog.static', filename='js/canvas-nest.js') }}" color="18,214,120"
        opacity="0.7" count="200"></script>
{% block body %}
    {% block header %}
        <header class="header">
            <div class="layui-container">
                <a href="/" class="logopic">
                    <img src="{{ url_for('blog.static', filename='imgs/logo.png') }}" alt="">
                </a>
                <a href="/" class="title">
                    <h2>QD_blog</h2>
                </a>
                <span>天青色等烟雨 而我在等你</span>

                <ul class="layui-nav layui-layout-right">
                    <li class="layui-nav-item">
                        <a href="/">首页</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="/">归档</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="/">笔记</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="/">留言</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="/">关于</a>
                    </li>
                </ul>
            </div>
        </header>

    {% endblock %}

    {% block content %}
        <div class="layui-container">
            <div class="layui-row layui-col-space15">
                {# 中心区内容 #}
                <div class="layui-col-md9">
                    <div style="height:800px; width: 100%;">
                        <div class="post-card">
                            <h2>Flask+Layui博客实战</h2>
                            <p>主要特点 支持markdown 支持短笔记 响应式布局，移动终端显示友好 部署迁移便捷 二、开发环境
                                Web框架：python flask 前端框架：layui 数据库：Mysql markdown支持: editor.md
                                代码高亮：highlight.js
                                部署环境：centos 8.2 三、博客前台 （一）主体内容区 1. 首页 以列表的形式展示文章标题...</p>

                            <div class="post-msg">
                                    <span>
                                        <i class="layui-icon">&#xe612;</i>
                                        <span class="author">山禾哥哥</span>
                                    </span>

                                <span>
                                        <i class="layui-icon">&#xe705;</i>
                                        <a href="#" class="category">默认分类</a>
                                    </span>

                                <span>
                                        <i class="layui-icon">&#xe68d;</i>
                                        <span class="post-info">2023-11-25</span>
                                    </span>

                                <span>
                                        <i class="layui-icon">&#xe62c;</i>
                                        <span class="post-info">152</span>
                                    </span>

                                <span>
                                        <a href="#" class="detail">阅读全文</a>
                                    </span>
                            </div>
                        </div>
                        <div class="post-card">
                            <h2>Flask+Layui博客实战</h2>
                            <p>主要特点 支持markdown 支持短笔记 响应式布局，移动终端显示友好 部署迁移便捷 二、开发环境
                                Web框架：python flask 前端框架：layui 数据库：Mysql markdown支持: editor.md
                                代码高亮：highlight.js
                                部署环境：centos 8.2 三、博客前台 （一）主体内容区 1. 首页 以列表的形式展示文章标题...</p>

                            <div class="post-msg">
                                    <span>
                                        <i class="layui-icon">&#xe612;</i>
                                        <span class="author">山禾哥哥</span>
                                    </span>

                                <span>
                                        <i class="layui-icon">&#xe705;</i>
                                        <a href="#" class="category">默认分类</a>
                                    </span>

                                <span>
                                        <i class="layui-icon">&#xe68d;</i>
                                        <span class="post-info">2023-11-25</span>
                                    </span>

                                <span>
                                        <i class="layui-icon">&#xe62c;</i>
                                        <span class="post-info">152</span>
                                    </span>

                                <span>
                                        <a href="#" class="detail">阅读全文</a>
                                    </span>
                            </div>
                        </div>
                        <div class="post-card">
                            <h2>Flask+Layui博客实战</h2>
                            <p>主要特点 支持markdown 支持短笔记 响应式布局，移动终端显示友好 部署迁移便捷 二、开发环境
                                Web框架：python flask 前端框架：layui 数据库：Mysql markdown支持: editor.md
                                代码高亮：highlight.js
                                部署环境：centos 8.2 三、博客前台 （一）主体内容区 1. 首页 以列表的形式展示文章标题...</p>

                            <div class="post-msg">
                                <span>
                                    <i class="layui-icon">&#xe612;</i>
                                    <span class="author">山禾哥哥</span>
                                </span>

                                <span>
                                    <i class="layui-icon">&#xe705;</i>
                                    <a href="#" class="category">默认分类</a>
                                </span>

                                <span>
                                    <i class="layui-icon">&#xe68d;</i>
                                    <span class="post-info">2023-11-25</span>
                                </span>

                                <span>
                                    <i class="layui-icon">&#xe62c;</i>
                                    <span class="post-info">152</span>
                                </span>

                                <span>
                                    <a href="#" class="detail">阅读全文</a>
                                </span>
                            </div>
                        </div>
                        <div class="post-card">
                            <h2>Flask+Layui博客实战</h2>
                            <p>主要特点 支持markdown 支持短笔记 响应式布局，移动终端显示友好 部署迁移便捷 二、开发环境
                                Web框架：python flask 前端框架：layui 数据库：Mysql markdown支持: editor.md
                                代码高亮：highlight.js
                                部署环境：centos 8.2 三、博客前台 （一）主体内容区 1. 首页 以列表的形式展示文章标题...</p>

                            <div class="post-msg">
                                <span>
                                    <i class="layui-icon">&#xe612;</i>
                                    <span class="author">山禾哥哥</span>
                                </span>

                                <span>
                                    <i class="layui-icon">&#xe705;</i>
                                    <a href="#" class="category">默认分类</a>
                                </span>

                                <span>
                                    <i class="layui-icon">&#xe68d;</i>
                                    <span class="post-info">2023-11-25</span>
                                </span>

                                <span>
                                    <i class="layui-icon">&#xe62c;</i>
                                    <span class="post-info">152</span>
                                </span>

                                <span>
                                    <a href="#" class="detail">阅读全文</a>
                                </span>
                            </div>
                        </div>
                        <div class="post-card">
                            <h2>Flask+Layui博客实战</h2>
                            <p>主要特点 支持markdown 支持短笔记 响应式布局，移动终端显示友好 部署迁移便捷 二、开发环境
                                Web框架：python flask 前端框架：layui 数据库：Mysql markdown支持: editor.md
                                代码高亮：highlight.js
                                部署环境：centos 8.2 三、博客前台 （一）主体内容区 1. 首页 以列表的形式展示文章标题...</p>

                            <div class="post-msg">
                                    <span>
                                        <i class="layui-icon">&#xe612;</i>
                                        <span class="author">山禾哥哥</span>
                                    </span>

                                <span>
                                        <i class="layui-icon">&#xe705;</i>
                                        <a href="#" class="category">默认分类</a>
                                    </span>

                                <span>
                                        <i class="layui-icon">&#xe68d;</i>
                                        <span class="post-info">2023-11-25</span>
                                    </span>

                                <span>
                                        <i class="layui-icon">&#xe62c;</i>
                                        <span class="post-info">152</span>
                                    </span>

                                <span>
                                        <a href="#" class="detail">阅读全文</a>
                                    </span>
                            </div>
                        </div>

                    </div>

                </div>
                {# 右边侧边栏 #}
                <div class="layui-col-md3">
                    <div style="height:800px; width: 100%;">
                        {% include 'common/module/search.html' %}
                        {% include 'common/module/my_info.html' %}
                        {% include 'common/module/categorys.html' %}
                        {% include 'common/module/recent_posts.html' %}
                        {% include 'common/module/tags.html' %}
                    </div>
                </div>
            </div>
        </div>
    {% endblock %}

    {% block footer %}
        <footer class="footer">
            <p>Copyright&nbsp;&nbsp;© &nbsp;2023&nbsp;&nbsp;Qing-Deng</p>
        </footer>
    {% endblock %}

{% endblock %}


</body>
</html>